/*  在这里可以定义所有页面可以使用的样式 **/
/* 注意 任何样式不做修改 要用就增加样式 */
/* 注意 任何样式不做修改 要用就增加样式 */
/* 注意 任何样式不做修改 要用就增加样式 */
/*  微信的主题色 start */
.chat-green{color: #09BB07}
.chat-black{color: #353535}
.chat-grey{color: #888888}
.chat-light{color: #576b95}
.chat-red{color: #e64340}
/*  微信的主题色 end */
.chat-gery-l{
  color:#AFABA7;
}
.bg-nav{
  background:#EDEDED
}
.bg-grey{
  background:#F5F5F5
}
/*浏览器默认字体大小是16px 62.5% 是10px 这样1.2rem 就是12px*/
/*现在使用vant 的rem 适配*/
/*html{font-size:62.5%}*/
/*body{font-size:1.2rem}*/
/*  容器中的内容垂直居中 */
.vertical-center{
  display: flex;
  align-items: center;
}
.display-inline{
  display: inline;
}

.display-flex{
  display: flex;
}
.float-left{
  float: left;
}
.float-right{
  float: right;
}
.clear{
  clear:both;
}
.width-100{
  width: 100%;
}
/*  div 中的两个 span 靠左右  前提是 div 的宽度为100% */
.left-right{
  display:flex;
  align-items: center;
  justify-content: space-between;
}
/*聊天输入框样式 start */
.talk-foot{
  border: 2px;
  width: 100%;
  height: 46px;
  z-index: 5;
  position: fixed;
  bottom: 0;
  left: 0;
}


.font-size-12{
  font-size:12px
}
.font-size-14{
  font-size:14px
}
.font-size-16{
  font-size:16px
}
.chat-gery-l{
  color:#AFABA7;
}
.chat-blur{
  color:#558FF2;
}












/* 圆点中间一个数字样式 start*/
.round-outside{
  border-radius: 10px;
  height: 20px;
  width: 23px;
  display: inline-block;
  background: #f30303;
  vertical-align: top;
}
.round-inside{
  display: block;
  color: #FFFFFF;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}
/*用法*/
/*<span class="round-outside">*/
/*      <span class="round-inside">99+</span>*/
/*</span>*/
/* 圆点中间一个数字样式 end*/
/*主页公共导航条样式*/
.main-title{
  font-size: 16px;
  font-weight: bolder;
}

.padding-top-46{
  padding-top: 46px;
}
.padding-top-50{
  padding-top: 50px;
}
.padding-top-56{
  padding-top: 56px;
}

.padding-bottom-56{
  padding-bottom: 56px;
}
.padding-bottom-60{
  padding-bottom: 60px;
}
.padding-bottom-10{
  padding-bottom: 10px;
}
.padding-top-bottom-60{
  padding-top: 60px;
  padding-bottom: 60px;
}
.padding-left-5{
  padding-left: 5px;
}
.padding-right-5{
  padding-right: 5px;
}
.margin-top-15{
  margin-top: 15px;
}
.margin-top-46{
  margin-top: 46px;
}
.margin-top-86{
  margin-top: 86px;
}
.margin-bottom-52{
  margin-bottom: 52px;
}
.margin-bottom-20{
  margin-bottom: 20px;
}
.margin-right-10{
  margin-right: 10px;
}
.margin-right-38{
  margin-right: 38px;
}

.margin-left-10{
  margin-left: 10px;
}
.margin-left-14{
  margin-left: 14px;
}


.color-red{color: #f35e57!important}
.color-orange{color: #ffa127!important}
.color-yellow{color: #f5bc24!important;}
.color-green{color: #32c52a!important;}
.color-lightgreen{color:#90EE90!important;}
.color-blue{color: #3569c5!important;}
.color-gray{color: #999999!important;}

